<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	 xmlns:h="http://java.sun.com/jsf/html"
	 xmlns:f="http://java.sun.com/jsf/core"
	 xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
 	template="../masterpage/masterpage.xhtml">
 
<ui:define name="title">Fiche d'un jeu de Roxxor</ui:define>
<ui:define name="content">
 <h:head>
  <h:body>
   <f:view>
   <div class="fiche-jeu">
	   	<table style="width:100%">
	   		<tr style="height: 50px;">
	   			<td style="height: 50px;"></td>
	   			<td style="height: 80px;"><h2>Fiche du jeu</h2></td>
	   		</tr>
	   		<tr style="text-transform: uppercase; font-weight:bold; color:#008580;font-size: large;float: inherit;">
	   			<td rowspan="2"><img src="#{ficheJeuMB.produitSelected.jeu.imgJeu}" /></td>
	   			<td>Nom</td>
	   			<td>Commentaires / Note </td>
	   			<td>Article</td>
	   		</tr>
	   		<tr>	
	   			<td><h:outputLabel value="#{ficheJeuMB.produitSelected.jeu.nomJeu}" /></td>
	   			<td>
	   				<h:dataTable value="#{ficheJeuMB.listeCommentaireJeu}" var="commentaire">
						<h:column>
							<h:outputText value="#{commentaire.commentaire}" /><br />
							<h:outputText value="#{commentaire.note}" />/5
						</h:column>
	   				</h:dataTable>
	   			</td>
	   			<td><h:outputLabel value="#{ficheJeuMB.articleJeu.article}" /> </td>
	   		</tr>
	   		<tr>
	   			<td></td>
	   			<td></td>
	   			<td></td>			
	   			<td>
					<h:commandButton class="button-commander" value="Commander" action="#{ficheJeuMB.afficherJeu}">
						<f:param name="idSelected" value="#{pdt.idProduit}"/>
					</h:commandButton>					
				</td>
				<td></td>
	   		</tr>
	   		<tr></tr>
	   	</table>
   	</div>
   </f:view>
  </h:body>
 </h:head>
</ui:define>
</ui:composition>